<div class="wind-state">
    <div class="turbstatus-panel-content" >
        <div class="wind-state-title" (dblclick)="ondblclick($event)">
            <img [src]="'./assets/images/'+url" alt="" class="icon">
            <span><!-- <i class="icon" [ngStyle]="{background: 'url(./assets/images/'+url+') no-repeat center'}"></i> -->{{title}}</span>    
            <!-- <s></s>         -->
        </div>
        <div class="wind-state-echarts" (mouseenter)="enterPower()" (mouseleave)="leavePower()">
            <!--<div class="cas" echarts [options]="option" (chartInit)="onChartInit($event)"></div>-->
            <!-- <div class="echarts" echarts [options]="option" (chartInit)="onChartInit($event)"></div> -->
            <div class="state" *ngFor="let item of totalTurbstatusDatas">
                <div class="color" [ngStyle]="{'background-color':item.color}">{{item.name}}</div>
                <div class="value" [ngStyle]="{color:item.color}">{{item.value | number:'1.0-1'}}</div></div>
        </div>
        
    </div>

    <div class="wind-details"  [@fadeIn]="windShow" *ngIf="windShow">
        <table cellspacing="0" cellpadding="0" class="zk-table">
            <caption>
                {{title}}详情
            </caption>
            <tr>
                <th *ngFor="let item of turbstatusTable?.title let i =index">
                    {{item}}
                </th>
            </tr>
            <tr *ngFor="let row of turbstatusTable?.rows let i =index">
                <td *ngFor="let column of row.columns " [ngStyle]="{background:column.color}">
                    <span>
                    {{column.value.value===undefined?column.value:column.value.value | number:'1.0-0'}}
                    </span>
                </td>
            </tr>
        </table>
    </div>
    <!--<app-turbstatus-up-panel  [panelTitel]="planTitel" [windShow]="windShow" [turbStatus]="turbsstatus" [farms]="farms"></app-turbstatus-up-panel>-->
</div>
